﻿<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="full-screen" content="true"/>
	    <meta name="screen-orientation" content="portrait"/>
	    <meta name="x5-fullscreen" content="true"/>
	    <meta name="360-fullscreen" content="true"/>
		<title>vivi</title>
		<link href="css/style.css" rel="stylesheet" />
		<script type="text/javascript">
		</script>
		<!--<script type="text/javascript">
			window.addEventListener("load", function(e) {
				window.applicationCache.addEventListener("updateready", function(e) {
					console.log("加载缓存开始");
					if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
						window.applicationCache.swapCache();
						//if (confirm("有新版本，需要更新吗?")) {
						//    console.log("缓存版本已经更新一次！");
						//    window.location.reload();
						//}
						window.location.reload();
					} else {
						console.log("缓存版本未更新！");
					}
				}, false);
			}, false);
		</script>-->
	</head>

	<body style="position: absolute;" id="yemian">
		
		<div class="bg_div" style="display: block;">
			<img src="image/result/result_bg.jpg"/>
			
			<div class="bg_yuansu"></div>
		</div>
		<div class="result_div" style="display: block;">
			<div class="result_top">
				<span class="result_top_logo"></span>
			</div>
			<div class="result_content">
				<div class="result_content_outline">
					<span class="result_content_count">25%</span>
					<div class="result_content_user_img">
						<img src="" alt="" />
					</div>
					<div class="result_content_user_name">vivivivivivivivivivi</div>
					<div class="result_content_button_dianji" onclick="alert('跳转链接')"></div>
					<div class="result_content_user_wenzi">
						<img src="image/result/result_wenzi2.png"/>
					</div>
					<div class="result_content_list_ul">
						<div class="result_content_list_li">
							<div class="result_content_list_li_img">
								<img src="" alt="" />
							</div>
							<span>123</span>
						</div>
						<div class="result_content_list_li">
							<div class="result_content_list_li_img">
								<img src="" alt="" />
							</div>
							<span>344</span>
						</div>
						<div class="result_content_list_li">
							<div class="result_content_list_li_img">
								<img src="" alt="" />
							</div>
							<span>555</span>
						</div>
						<div class="result_content_list_li">
							<div class="result_content_list_li_img">
								<img src="" alt="" />
							</div>
							<span>666</span>
						</div>
						<div class="result_content_list_li">
							<div class="result_content_list_li_img">
								<img src="" alt="" />
							</div>
							<span>777</span>
						</div>
					</div>
				</div>
			</div>
			<div class="result_bottom_button">
				<span class="result_bottom_button_left"></span>
				<span class="result_bottom_button_right" onclick="$('.fenxiang_div').show()"></span>
			</div>
		</div>
		<div class="fenxiang_div" onclick="$(this).hide()">
			<div class="fenxiang_ani"></div>
		</div>
		<!--<div  class="wrap mod" id="shipin">
			<video class="video-box" id="video1"   src="http://jkera.oss-cn-shanghai.aliyuncs.com/geer/jiance.mp4"  preload x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="true" playsinline="true" style="object-fit:fill;width: 100%;height: 100%;" preload="auto"></video>
			<div class="feichuan" onclick="dianjifeichuan()"></div>
		</div>
		<div onclick="startPlay()" class="zhezhao"></div>-->
		<script src="js/jquery-2.1.4.min.js"></script>
		<script src="js/methods.js"></script>
		<script src="js/createjs.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script src="js/script.js"></script>
		<script src="js/jweixin-1.0.0.js"></script>
		<script src="js/fenxiang.js"></script>
	</body>

</html>
<script>
	$(function(){
		var openid = $.cookie("openid");
		var id = $.cookie("id");
//		alert("id="+id);
		if(id==""||id==null)
		{
			id=openid;
		}
		var infourl = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx4156160c4f1640e1&redirect_uri=http://jkera.cn/vivi/Userinfo.php?id="+id+"&response_type=code&scope=snsapi_base&state=fabu#wechat_redirect";
		if(openid==""||openid==null)
		{
			location.href = encodeURI(infourl);
		}
		$.post("shuju.php?jieshou=checkopenid",{"openid":openid},function(data){
			if(data=="0")
			{
				location.href = encodeURI(infourl);
			}
		})
	})
</script>
<script type="text/javascript">
	var ceshi = document.getElementById("video1");
	
	var startPlay = function(){
		$("#shipin").show();
		ceshi.play();
		$(".zhezhao").hide();
		var jishiqi = setInterval(function(){
			console.log(ceshi.currentTime);
			var shijian = ceshi.currentTime;
			if(shijian>18){
				clearInterval(jishiqi);
				$(".feichuan").show();
				ceshi.pause();
				
			}
		},1000)
	}
	var dianjifeichuan = function(){
		$(".feichuan").hide();
		ceshi.play();
	}
	var first = true;
	ceshi.addEventListener("playing",function(){
		if(first)
		{
			first = false;
			startPlay();
			console.log("start");
		}
		
	})
	ceshi.addEventListener("ended",function(){
		$("#shipin").hide();
		$(".bg_div,.result_div").show();
		console.log("end");
	})
	$(".result_bottom_button_left").click(function(){
		$(".zhezhao").show();
		$(".bg_div,.result_div").hide();
	})
</script>

